<template>
    <div class="breadcrumb">
      <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <template v-if="route.path!=='/index'">
          <el-breadcrumb-item :to="{ path:item.path }" v-for="item in route.matched" :key="item.name">{{ item.meta.title }}</el-breadcrumb-item>
      </template>
    </el-breadcrumb>
    </div>
  </template>
  
  <script setup lang="ts">
    import { useRoute } from "vue-router"
  const route = useRoute()
  </script>
  
  <style scoped>
  .breadcrumb{
      padding-bottom: 20px;
  }
  </style>